<el-dialog>
  <template #header="{ titleId, titleClass }">

    <div class="my-header" >
      <h4 :id="titleId" :class="titleClass">请选择</h4>
    </div>
  </template>

  <div style="display :flex; ">
    <el-button style="width: 80px;height: 80px;">
      <div v-if="shouldDisplayImage">
        <img class="node-location-icon" id="dynamicImage"
          :src="nodeData.properties.dialogue.role.role_picUrl"
          style="width: 75px;
          height: 75px;
          background-size: cover;">
      </div>
      <div v-else-if="isSelect==true">
        <img class="node-location-icon" id="dynamicImage" :src="selectRole.role_picUrl"
        style="  width: 75px;
          height: 75px;
          background-size: cover;">
      </div>
      <div v-else>
        <el-icon class="node-user">
        </el-icon>
      </div>
    </el-button>
    <ui-section header="请选择一个发言者" whole>
      <div style="display :flex; margin-top: 20px;">
        <span style="width: fit-content">筛选器: </span>
        <el-input v-model="input" placeholder="填入关键词" style=" width: 70%;
          left: 20px;
          top: -5px;" />
      </div>
      <el-tree :data="filterAndStructure" :props="defaultProps" @node-click="handleNodeClick" />
      <div v-if="isPop" class="pop" :style="{'left':mouse.left+'px','top':mouse.top-10+'px'}">
      </div>
      <!-- <div style="margin-left: 20px;">
            <ui-button type="primary" style="margin-left: 40px;" @confirm="$_uploadData">提交</ui-button>
          </div> -->
    </ui-section>
  </div>
  <el-row style="position: absolute;
      gap: 20px;
      bottom: 20px;
      right: 50px;">
    <el-button type="primary" @click="sureConvRolePic">确认</el-button>
    <el-button type="danger" @click="closeRolePanel">取消</el-button>
  </el-row>
</el-dialog>